<!doctype html>
<html class="side-header" data-style-switcher-options="{'changeLogo': false, 'colorPrimary': '#62AC6E', 'colorSecondary': '#e36159', 'colorTertiary': '#2baab1', 'colorQuaternary': '#383f48'}">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>{if !empty(input('keyword'))}{:input('keyword')}-{/if}{$title|raw}{if input('page') gt 1}-{:lang('v_current')}{:input('page')}{:lang('v_page')}{/if}</title>
<meta name="keywords" content="{$keyword|raw}" />
<meta name="description" content="{$description|raw}" />
<link rel="shortcut icon" type="image/x-icon" href="{$siteRs.ico}" />
{include file="public/css" /}
</head>
<body class="bg-orange">
<div class="container bg-white box-shadow">
    <div class="row">
        <div class="col-sm-12 px-0 px-sm-3">
            <div class="body">
                {include file="public/head" /}
                <div role="main" class="main">
                    <!--面包屑 开始-->
                    <div class="w-100 bg-light py-2">
                        <div class="container">
                            <div class="row">
                                <div class="col-md-8 pt-1 d-none d-sm-block">
                                    <a href="{$home_path}" class="mr-2">{:lang('v_home')}</a> <i class="fa fa-angle-right"></i>
                                    <a href="<?php the_list_url($controller); ?>" class="ml-2">{:lang('v_product')}</a>
                                    {volist name="crumb" id="listnavRs"}
                                        <i class="fa fa-angle-right ml-2 mr-2"></i><a href="{$listnavRs.url}">{$listnavRs.title}</a>
                                    {/volist}
                                    {if !empty(input('keyword'))}<i class="fa fa-angle-right ml-2 mr-2"></i>{:lang('v_search')}<span class="text-danger ml-2">“{:input('keyword')}”</span>{/if}
                                </div>
                                <div class="col-md-4">
                                    <form name="form_search" id="form_search" method="get" action="<?php the_list_url($controller); ?>">
                                        <div class="input-group">
                                            <input type="text" class="form-control form-control-sm btn-rounded" name="keyword" id="keyword" placeholder="{:lang('v_keyword_tips')}...">
                                            <span class="input-group-append"><button type="button" name="btn_search" id="btn_search" class="btn btn-sm btn-rounded px-3"><i class="fa fa-search"></i></button></span>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!--面包屑 结束-->
                    <!--主体 开始-->
                    <div class="container mt-4 mt-sm-5">
                        <div class="row">
                            <!-- 分类 -->
                            <div class="col-md-12 text-center">
                                <a href="<?php the_list_url($controller); ?>" class="btn btn-{if empty(input('sortid'))}danger{else /}default{/if} btn-rounded px-4 mx-2 mb-3"><span class="h6">{:lang('v_all')} {:lang('v_sort')}</span></a>
                                <?php $sort_list = sort_list(40, $lang, $controller); ?>
                                {volist name="sort_list" id="sortRs"}
                                    <a href="<?php the_category_url($sortRs['id'], $controller); ?>" class="btn btn-{if input('sortid') eq $sortRs['id']}danger{else /}default{/if} btn-rounded px-4 mx-2 mb-3"><span class="h6">{$sortRs.title}</span></a>
                                {/volist}
                            </div>
                            <!--列表 开始-->
                            <div class="col-md-12 my-3 my-sm-5">
                                {empty name="list"}
                                    <div class="row"><div class="col-md-12 text-center">{:lang('v_nodata')}</div></div>
                                {else /}
                                    <div class="row">
                                        {volist name="list" id="rs"}
                                            <div class="col-6 col-sm-3 mb-4 mb-sm-5">
                                                <a href="{$rs.url}">
                                                    <img alt="{$rs.title}" class="w-100 img-border border rounded" src="{$rs.thumb}" onerror="this.src='/skin/admin/img/nopic.png'">
                                                    <div class="w-100 mt-2 text-center h6 ellipsis line-1">{$rs.title|raw}</div>
                                                </a>
                                            </div>
                                        {/volist}
                                    </div>
                                    <!--分页-->
                                    <div class="row h6">
                                        <div class="col-md-4 col-sm-12">{:lang('v_total')} {$last_page} {:lang('v_page')} {$total} {:lang('v_records')}</div>
                                        <div class="col-md-8 col-sm-12 mt-4 mt-sm-0">
                                            <div class="pages float-left float-sm-right">{$list->render()|raw}</div>
                                        </div>
                                    </div>
                                {/empty}
                            </div>
                            <!--列表 结束-->
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
{include file="public/foot" /}
</body>
</html>